<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<link rel="stylesheet" href="css/begin.css" />
	</head>
	<body>
		<div id="div">
			<div id="div1" >
				赶尸人：难之所难，安身之所，魂归故里，乃生之所求，死之所依！父母盼之，妻儿望之！
			</div>
			<img id="img" src="img/ganshi1.png">
		</div>
		<div id="two">
			<div class="twoin">
				《九章•涉江》云：鸟飞反故乡兮，狐死必首丘。
			</div>
			<img class="twoin2" src="img/ganshi3.jpg" />
		</div>
		<div id="three">
			<div class="threein">
				一条幽径路，两对生死人，落地脚无风，履过不留痕。
			</div>
			<img class="threein2" src="img/ganshi2.png" />
		</div>
		<div id="four">
			<div class="four1">
				<div class="four1in">开始游戏</div>
				<div class="four1in2">再看一次</div>
				<div class="fourin3">赶尸人的故事将从这里开始.............</div>
			</div>
			<div class="four2"></div>
			
		</div>
	</body>
	<script type="text/javascript">
		
		setTimeout(function(){
			document.getElementById("two").style.display="block";
			document.getElementsByClassName("twoin")[0].style.animationPlayState="running";
			document.getElementsByClassName("twoin2")[0].style.animationPlayState="running";
		},10000);
		
		setTimeout(function(){
			document.getElementById("three").style.display="block";
			document.getElementsByClassName("threein")[0].style.animationPlayState="running";
			document.getElementsByClassName("threein2")[0].style.animationPlayState="running";
		},20000);
		setTimeout(function(){
			document.getElementById("four").style.display="block";
		},30000);
		document.getElementsByClassName("four1in")[0].onclick=function(){
			window.location.href="index.html";
		};
		document.getElementsByClassName("four1in2")[0].onclick=function(){
			window.location.reload();
		}
		
	</script>
</html>
